<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>几行jquery代码搞定网页右下角向左弹出提示层 - 懒人之家</title>
<style>
* {
	margin: 0;
	padding: 0;
	list-style: none;
<<<<<<< HEAD
	text-align: left;
=======
	text-align: center;
>>>>>>> branch 'master' of https://gitee.com/leigenyuan/lgy-intheend.git
}

a {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}

.lanrenzhijia {
	width: 195px;
	height: 275px;
	background: #D8D8D8;
	position: fixed;
	right: -262px;
	bottom: 30px;
}

.lanrenzhijia .close {
	width: 30px;
	height: 22px;
	line-height: 22px;
	display: block;
	float: right;
}
</style>
<script src="js/jquery.min.js"></script>
<script>
	$(function() {
		$('.lanrenzhijia').animate({
			right : '10px'
		}, 1000);
		$('.lanrenzhijia .close').click(function() {
			$('.lanrenzhijia').hide();
		});
	});
</script>
</head>

<body>
	<div class="lanrenzhijia">

		<a href="javascript:" class="close">关闭</a>
		<jsp:include page="texiao4.jsp"></jsp:include>

	</div>
</body>
</html>